<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="author" content="wangbo">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>上机练习</title>
  <!-- 代码的里边,没有类,也没有id,通配符无法完成 
  标签选择器,可以最简单高效的完成
  -->
  <!-- 行内样式 
  标签选择器可以改变页面内相同标签的样式
  -->
  <style>
    p{color: green;}
    div{color: pink;}
  </style>
</head>
<body>
  <p>男生</p>
  <p>男生</p>
  <p>男生</p>
  <div>女生</div>
  <div>女生</div>
  <div>女生</div>
</body>
</html>